@charset "utf-8";

//样式里的l,m,r,t,b分别代表左，中，右，上，下

//布局
main {
  flex: 1;
  display: flex;
  flex-direction: row;
  padding: 2rem 2.9375rem 2.5rem 2.9375rem;

  .l,.m,.r{
    padding-bottom: 2rem;
    padding-top: 3.1rem;
    display: flex;
    flex-direction: column;
  }
  .l-t,.m-t,.r-t{
    flex: 0 0 45%;
    padding: 0rem 1.5rem;

  }
  .l-b,.m-b,.r-b{
    flex: 0 0 55%;
    padding: 0rem 1.5rem;
    padding-top: 1.5rem;

  }

  .echart-box{
    width: 100%;
    height: 88%;
  // background-color: #00337c;
  }
}

//左侧样式
.l{
  flex: 0 0 33.33%;
  .l-t{
    position: relative;

    .index_all{
      position: absolute;
      top: 0;
      right: 2rem;
      i{
        margin-right: .25rem;
        font-size: 1rem;
        color: #2377fe;
      }
    }
    .index_all span:last-of-type{
      font-size:1.875rem;
    }
  }
  .l-b{

  }
}


//中间样式
.m{
  flex: 0 0 33.33%;
  .m-t{
    position: relative;
    .select_box{
      position: absolute;
      top: 2.5rem;
      right: 2rem;
      select{
        background: rgba(0,0,0,0);
        border: none;
        color: #2377fe;
        font-size: 0.875rem;
        option{
          font-size: 0.875rem;
          padding: 0;
        }
      }
    }
  }
}

//右侧样式
.r{
  flex: 0 0 33.33%;
  background-color: var(--c_bg_chart);
  .r-t{
    position: relative;
    .logo{
      font-size: 0.875rem;
      color: #fff;
      position: absolute;
      top:-1.5rem;
      right: 1.5rem;
      .circle{
        display: inline-block;
        width:0.5625rem;
        height: 0.5625rem;
        border-radius: 0.28125rem;
        background-color:#2377fe;
        margin-right: 0.25rem;
      }
    }
  }
  .r-b{
    display: flex;
    flex-direction: row;

    .r-b-l,.r-b-r{
      flex: 0 0 50%;
    }
    .echart-box{
      width: 90%;
    }
  }
}



